import React from 'react';
import { Card, Carousel } from "antd"
import "./WorkerSpace.css"

const WorkerSpace = () => {
    const contentStyle = {
        height: '400px',
        color: '#fff',
        lineHeight: '400px',
        textAlign: 'center',
        background: '#364d79',
    };
    return (
        <>
            <Card className='activitycard' title="活动" extra={<a href="#">More</a>} >
                <Carousel autoplay>
                    <div>
                        <h3 style={contentStyle}>
                            <img className='img' src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/98e887e2471a421dbb1457249c4e41f2~tplv-k3u1fbpfcp-zoom-crop-mark:1304:1304:1304:734.awebp?"></img>
                        </h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>
                            <img className='img' src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4e5e1e7f70094393b16732f07be8afd3~tplv-k3u1fbpfcp-zoom-crop-mark:1304:1304:1304:734.awebp?"></img>
                        </h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>
                            <img className='img' src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f6dd48900c1c4901a0cb2ac62b5ef894~tplv-k3u1fbpfcp-zoom-crop-mark:1304:1304:1304:734.awebp?" />
                        </h3>
                    </div>

                </Carousel>
            </Card>
            
        </>
    )
}
export default WorkerSpace;